<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="static/img/index.ico">
    <!-- Bootstrap core CSS -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="static/css/welcome.css" rel="stylesheet">
    <script src="static/js/ie-emulation-modes-warning.js"></script>
    <title>sodazhcn导航</title>
    <script src="http://s1.bdstatic.com/r/www/cache/global/js/BaiduHttps_20150714_zhanzhang.js"></script>
    <script>
        function checkHttps() {
            BaiduHttps.useHttps();
        }
        ;

        function baiduWithHttps(formname) {
            var data = BaiduHttps.useHttps();
            if (data.s === 0) {
                return true;
            } else {
                formname.action = 'https://www.baidu.com/baidu' + '?ssl_s=1&ssl_c' + data.ssl_code;
                return true;
            }
        }
        ;
    </script>
    <style type="text/css">
        .mycontainer {
            width: 400px;
            padding: 5px;
        }

        .mydiv {
            width: 16.66666667%;
            float: left;
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
            padding-top: 5px;
            padding-bottom: 5px
        }

        @media screen and (max-width: 500px) {
            .mycontainer {
                width: 100%;
            }
        }
    </style>
</head>

<body background="images/fuji.jpg"
      style="background-repeat: no-repeat;background-position: center;background-size: 100%">
<center>
    <h1>导自己的航</h1>
    <br/>

    <form class="form-inline" onsubmit="return baiduWithHttps(this)" action="http://www.baidu.com/baidu"
          target="_blank">
        <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
        <input class="form-control" placeholder="百度一下" type="text" style="width: 300px" onfocus="checkHttps" name="word"
               id="t" size="30">
        <input style="display: none" type="submit" value="百度搜索">

        <div class="btn btn-default" onclick="document.getElementById('t').value=''">清空
        </div>
    </form>
    <br/>

    <div class="mycontainer" style="width: 800px;background-color: rgba(0,0,0,0.3);">
        <div class="row">
            <div class="col-xs-2" style="font-weight:bold">搜索</div>
            <div class="mydiv"><a target="_blank" href="http://www.baidu.com">百度</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.google.com">谷歌</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">音乐</div>
            <div class="mydiv"><a target="_blank" href="http://www.xiami.com">虾米音乐</a></div>
            <div class="mydiv"><a target="_blank" href="http://music.163.com">网易云音乐</a></div>
            <div class="mydiv"><a target="_blank" href="http://mp3.baidu.com">百度音乐</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">社交</div>
            <div class="mydiv"><a target="_blank" href="https://wx.qq.com/">微信</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.weibo.com">新浪微博</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.renren.com">人人网</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">社区</div>
            <div class="mydiv"><a target="_blank" href="http://www.github.com">Github</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.zhihu.com">知乎</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.ganji.com">赶集网</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.58.com">58同城</a></div>
            <div class="mydiv"><a target="_blank" href="http://pan.baidu.com">百度云盘</a></div>
            <div class="mydiv"></div>
            <div class="mydiv"><a target="_blank" href="http://www.jianshu.com">简书</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.lagou.com">拉钩</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.zhaopin.com">智联</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">视频</div>
            <div class="mydiv"><a target="_blank" href="http://www.youku.com">优酷</a></div>
            <div class="mydiv"><a target="_blank" href="http://yy4480.org">看电影</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.letv.com">乐视</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.iqiyi.com">爱奇艺</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.poxiao.com/">放放电影</a></div>
            <div class="mydiv"></div>
            <div class="mydiv"><a target="_blank" href="http://cn163.net/archives/13322/">天天美剧</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.dytt8.net/">电影天堂</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.douyutv.com/directory/game/DOTA2">斗鱼</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.bilibili.com">哔哩哔哩</a></div>
            <div class="mydiv"><a target="_blank" href="http://tv.cntv.cn/live">CCTV</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">购物</div>
            <div class="mydiv"><a target="_blank" href="http://www.jd.com">京东</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.taobao.com">淘宝</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.alipay.com">支付宝</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.kuaidi100.com/">快递100</a></div>
            <div class="mydiv"><a target="_blank" href="http://www.tmall.com/">天猫</a></div>
            <div class="mydiv"></div>
            <div class="mydiv"><a target="_blank" href="http://www.bj.10086.cn/index/12580mall/">12580</a></div>
            <div class="mydiv"><a target="_blank"
                                  href="http://www.icbc.com.cn/ICBCDynamicSite/Charts/GoldTendencyPicture.aspx">工行贵金属</a>
            </div>
            <div class="mydiv"><a target="_blank" href="http://www.yhd.com">1号店</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">工具</div>
            <div class="mydiv"><a target="_blank" href="http://tool.chinaz.com/Tools/unixtime.aspx">时间转换</a></div>
            <div class="mydiv"><a target="_blank" href="http://jsoneditoronline.org/index.html">Json格式化</a></div>
            <div class="mydiv"><a target="_blank" href="https://www.processon.com/">流程图</a></div>
            <div class="mydiv"><a target="_blank"
                                  href="http://inloop.github.io/svg2android/http://inloop.github.io/svg2android/">svg2android</a>
            </div>
            <div class="mydiv"><a target="_blank"
                                  href="http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html">图标设计</a>
            </div>
            <div class="mydiv"></div>
            <div class="mydiv"><a target="_blank" href="https://worktile.com/">团队协作</a></div>
            <div class="mydiv"><a target="_blank" href="https://designcode.io/sketch">UI设计</a></div>
            <div class="mydiv"><a target="_blank" href="https://http://sae.sina.com.cn">SAE</a></div>
            <div class="mydiv"><a target="_blank" href="https://coding.net">代码托管</a></div>
            <div class="mydiv"><a target="_blank" href="https://leancloud.cn">Leancloud</a></div>
        </div>
        <div class="row">
            <div class="mydiv" style="font-weight:bold">综合</div>
            <div class="mydiv"><a target="_blank" href="http://bbs.pediy.com/">看雪</a></div>
            <div class="mydiv"><a target="_blank" href="http://itjuzi.com/">IT桔子</a></div>
            <div class="mydiv"><a target="_blank"
                                  href="http://docs.oracle.com/javase/7/docs/technotes/guides/jni/spec/invocation.html">JNI文档</a>
            </div>
            <div class="mydiv"><a target="_blank" href="https://www.remotejobsexpert.com/">RemoteJob</a></div>
            <div class="mydiv"><a target="_blank" href="http://bbs.pcbeta.com/">远景</a></div>
        </div>
    </div>
    <br/>

    <div class="mastfoot">
        <div class="inner">
            <p>Powered by <a href="https://github.com/sodazhcn">Github</a>, Email:sodazhcn@163.com</p>
        </div>
    </div>
</center>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ie10-viewport-bug-workaround.js"></script>
</body>

</html>
